﻿@section header
{
    <script type="text/javascript" src="~/Utility/jquery.easing-1.3.js"></script>
    <script type="text/javascript" src="~/Utility/jquery.iosslider.js"></script>
}

@Html.Action("BannerPartial")
@Html.Action("PromotonPartial")
@{ Html.RenderAction("CategoryListPartialView", "Sort"); } 
<script type="text/javascript">
    $("div").on("pageshow", function (event, ui) {
        $('.iosSlider').iosSlider({
            snapToChildren: true,
            desktopClickDrag: true,
            infiniteSlider: true,
            snapSlideCenter: true,
            navSlideSelector: $('.iosSliderButtons .button'),
            startAtSlide: '1',
            onSlideChange: slideContentChange
        });
    });
    function slideContentChange(args) {
        /* indicator */
        $(args.sliderObject).parent().find('.iosSliderButtons .button').removeClass('selected');
        $(args.sliderObject).parent().find('.iosSliderButtons .button:eq(' + (args.currentSlideNumber - 1) + ')').addClass('selected');

    };
</script>  